var s1=document.getElementById("img-change");
var btn1=document.getElementById("Btn1");
var btn2=document.getElementById("Btn2");
var q1=document.getElementById("seckill-a").getElementsByTagName("li")
var arr=["./image/one.jpg","./image/two.jpg","./image/three.jpg","./image/four.jpg","./image/five.jpg"]
var index=0;
var showtime;

btn1.onclick=function(){
    if(index>=0){
   index--;
}
if(index<0){
    index=4;
}
s1.src=arr[index];
console.log(index)
  };
btn2.onclick=function(){
  if(index==4){
      index=-1;
  }
  if(index>=-1&&index<4){
      index++;
  }
  s1.src=arr[index];
}

for(var i=0;i<q1.length;i++){
  q1[i].onclick=showList;
}
function showList(){
for(var i=0;i<q1.length;i++){
    if(q1[i]===this){
        q1[i].className="nav-active";
    }
    else{
        q1[i].className="";
    }
}
}

